<!DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简历</title>
<!-- <link rel='stylesheet' type='text/css' href="jianli.css"/> -->
<link rel='stylesheet' type='text/css' href="jianli.min.css"/>
<!--<link rel='stylesheet' type="text/css" href='bootstrap.min.css'/>-->
</head>

<body>
<div id='container'>
  <div class="nav">
    <input type="radio" name="page" id="ipt1" class="iptRight" checked/>
    <a href="javascript:;"></a>
    <input type="radio" name="page" id="ipt2" class="iptRight"/>
    <a href="javascript:;"></a>
    <input type="radio" name="page" id="ipt3" class="iptRight"/>
    <a href="javascript:;"></a>
    <input type="radio" name="page" id="ipt4" class="iptRight"/>
    <a href="javascript:;"></a>
    <input type="radio" name="page" id="ipt5" class="iptRight"/>
    <a href="javascript:;"></a>
    <div class="scroll">
    
      <section class="panel" id="panel1">
            <div class="intro-icon"> 
                <p class="icn"> 
                      <a href='' class="link" id="link-git" onClick="return false"></a> 
                      <a href='' class="link" id="link-gitc" onClick="return false"></a> 
                      <img id="tou" src="toux.png"/>
                      <a href='' class="link" id="link-email" onClick="return false"></a> 
                      <a href='' class="link" id="link-jian" onClick="return false"></a> 
                </p>
            </div>
            <div class="intro-text"> 
                <ul>
                      <li>姓名：王炳力</li>
                      <li>手机：18010622399</li>
                      <li>邮箱：411859634@qq.com</li>
                      <li>GitHub：<a href='https://github.com/wblcool' target="_blank">点我查看</a></li>
                      <li>简书：<a href='https://www.jianshu.com/u/8becbd689309' target="_blank">点我查看</a></li>
                      <li>Blog：<a href='https://my.oschina.net/heniunai/blog'target="_blank">点我查看</a></li>
                </ul>
          </div>
    </section>
      
      <section class="panel" id="panel2">
           <div class="box1">
                 <div class="header"><h2>个人经历 </h3></div>
                <!-- <div class="header boxImg"></div>-->
                 <div class="header boxImg" >
                    <ul>
                    <li><div class="wrap"><img src="xuexi1.png"/><p>通过慕课网学习</p></div></li>
                    <li><div class="wrap"><img src="book.png"/><p>读书</p></div></li>
                    <li><div class="wrap"><img src="lian.png"/><p>练习</p></div></li>
                    </ul>
                 
                 </div> 
                 <div class="footer">
                    <ul>
                       <li> <span class="circle line"></span>2011/09-2015/7  &nbsp &nbsp&nbsp&nbsp 就读于西南财经大学<!--<input type="radio" name="selectImg" id="school"/><label class="hand" for="school">点我查看详细信息</label>--></li>
                        <li> <span class="circle line"></span>2014/12-2015/1   &nbsp &nbsp&nbsp&nbsp 工商银行大堂经理助理</li>
                       <li> <span class="circle line"></span>2015/01-2015/4    &nbsp &nbsp&nbsp&nbsp    农业银行运营部助理</li>
                      <li> <span class="circle line"></span>2011/09-2015/7    &nbsp &nbsp&nbsp&nbsp   成都银行储蓄柜员</li>
                      <li> <span class="circle"></span>2017/09-      &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp      学习前端，不能自拔···<input type="radio" name="selectImg" id="study"/><label class="hand" for="study">点我查看我的学习之路</label></li>
                    </ul>
                 </div>         
           </div>
      </section>  
      
      <section class="panel" id="panel3">
           <div class="box2">
           <h2>掌握技能</h2>
                <ul class='list1'>
                <li>html:<div class="progress progress-striped active"><div class="progress-bar progress-bar-warning" style="width:80%">80%</div></div></li>
               <li>css:<div class="progress progress-striped active"><div class="progress-bar progress-bar-warning" style="width:80%">80%</div></div></li>
               <li>js:<div class="progress progress-striped active"><div class="progress-bar progress-bar-warning" style="width:70%">70%</div></div></li>
               <li>jquery:<div class="progress progress-striped active"><div class="progress-bar progress-bar-warning" style="width:70%">70%</div></div></li>
              <li>css3:<div class="progress progress-striped active"><div class="progress-bar progress-bar-warning" style="width:70%">70%</div></div></li>
                </ul>
                 <ul class='list2'>
                <li>less:<div class="progress progress-striped active"><div class="progress-bar progress-bar-info" style="width:60%">60%</div></div></li>
               <li>bootstrap:<div class="progress progress-striped active"><div class="progress-bar progress-bar-info" style="width:60%">60%</div></div></li>
               <li>html5:<div class="progress progress-striped active"><div class="progress-bar progress-bar-success" style="width:20%">20%</div></div></li>
               <li>MySQL:<div class="progress progress-striped active"><div class="progress-bar progress-bar-info" style="width:0%;">0</div></div><span class="ball ball1">★</span></li>
              <li>React:<div class="progress progress-striped active"><div class="progress-bar progress-bar-info" style="width:0%">0</div></div><span class="ball ball2">★</span></li>
                </ul>      
           </div>
      </section>
      
      <section class="panel" id="panel4">
      <h2>我的作品</h2>
      <div class="box3">
            <ul>
                  <li><img src='liebiao2.png' class="liebiao"/><img src='liebiao.png'/><p><a href="http://t.cn/RHex4nr" target='_blank'>点此查看</a></p></li>
                  <li><img src='zuop1.png' class="liebiao"/><img src='zuop.png'/><p><a href="">点此查看</a></p></li>
                  <li><img src='wei1.png' class="liebiao"/><img src='wei.png'/><p>待添加</p></li>
            </ul>
      </div>
      
      </section>
      
      
      <section class="panel" id="panel5">
            <div class="box4">
                   <span class="star star1">☺</span>
                   <span class="star star2">♡</span>
                   <span class="star star3">❤</span>
                   <span class="star star4">☆</span>
                    
                     <p>如果对我满意的话</p>
                     <p>请联系我！</p>
                     <p class='thank'><span>谢</span><span>谢</span><span>观</span><span>看</span></p>
               
            </div>
      
      </section>
    </div>
  </div>
</div>
<!-- <script src="jianli.js"></script> -->
<script src="code.min.js"></script>
</body>
</html>
